<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>会员中心</title>
    <link rel="stylesheet" href="css/account.css" />
    <link rel="stylesheet" href="../common/normalize.css" />
    <link rel="stylesheet" href="../iccon/iconfont.css" />
  </head>
  <body>
    <div class="container">
      <ul class="breadcrumb">
        <li>
          <span class="icon iconfont">&#xe734;</span>
        </li>
        /
        <li><a href="#">会员中心</a></li>
      </ul>
      <div class="row">
        <div class="col-sm-left">
          <h3>我的账户</h3>
          <ul class="list-unstyled">
            <li>
              <a href="edit.html">
                <span class="icon iconfont">&#xe620;</span>
                <p>编辑账户</p>
              </a>
            </li>
            <li>
              <a href="#"
                ><span class="icon iconfont">&#xe65b;</span>
                <p>修改密码</p></a
              >
            </li>
            <li>
              <a href="#"
                ><span class="icon iconfont">&#xe879;</span>
                <p>地址管理</p></a
              >
            </li>
            <li>
              <a href="#"
                ><span class="icon iconfont">&#xe600;</span>
                <p>收藏商品</p></a
              >
            </li>
            <li class="none">
              <a href="#"
                ><span class="icon iconfont">&#xe600;</span>
                <p>编辑账户</p></a
              >
            </li>
          </ul>
          <h3>我的订单</h3>
          <ul class="list-unstyled">
            <li>
              <a href="#">
                <span class="icon iconfont">&#xe61f;</span>
                <p>历史订单</p>
              </a>
            </li>
            <li>
              <a href="#"
                ><span class="icon iconfont">&#xe614;</span>
                <p>商品下载</p></a
              >
            </li>
            <li>
              <a href="#"
                ><span class="icon iconfont">&#xe613;</span>
                <p>我的积分</p></a
              >
            </li>
            <li>
              <a href="#"
                ><span class="icon iconfont">&#xe602;</span>
                <p>商品退换</p></a
              >
            </li>
            <li>
              <a href="#"
                ><span class="icon iconfont">&#xe691;</span>
                <p>我的余额</p></a
              >
            </li>
          </ul>
          <h3>联盟账号</h3>
          <ul>
            <li>
              <a href="#">
                <span class="icon iconfont">&#xe66c;</span>
                <p>注册推广联盟账号</p>
              </a>
            </li>
          </ul>
          <h3>我的订阅</h3>
          <ul>
            <li>
              <a href="#">
                <span class="icon iconfont">&#xe612;</span>
                <p>邮件订阅</p>
              </a>
            </li>
          </ul>
        </div>
        <div class="col-sm-right">
          <h3>
            <span class="icon iconfont">&#xe60f;</span>
            会员中心
          </h3>
          <ul>
            <a href="#">我的账户</a>
            <a href="#">编辑账户</a>
            <a href="#">修改密码</a>
            <a href="#">地址管理</a>
            <a href="#">收藏列表</a>
            <a href="#">历史订单</a>
            <a href="#">文件下载</a>
            <a href="#">我的积分</a>
            <a href="#">商品退换</a>
            <a href="#">我的余额</a>
            <a href="#">邮件订阅</a>
            <a href="#">退出账户</a>
          </ul>
        </div>
      </div>
    </div>
    <div id="footer"></div>
  </body>
  <script src="../common/jquery-3.5.1/jquery-3.5.1/jquery-3.5.1.min.js"></script>
  <script>
    $(function () {
      $("#footer").load("../common/footer.html", function () {
        console.log("加载完成");
        $("#footer").children().unwrap();
      });
    });
  </script>
</html>
